/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/

/* theme color */
$--color-primary: #52C41A;
$--color-success: #307DFF;
$--color-warning: #FAAD14;
$--color-danger: #F03D3D;
$--color-info: #26E9FF;

/* Font color */
$--color-text-primary: #333333;
$--color-text-regular: #666666;
$--color-text-secondary: #999999;
$--color-text-placeholder: #CACACA;

/* Bordercolor */
$--border-color-base: #D4D4D4;
$--border-color-light: #E4E4E4;
$--border-color-lighter: #EEEEEE;
$--border-color-extra-light: #F4F4F4;
/* icon font path, required */

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  theme: $--color-primary;
}
